﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<TemplateWeb.Models.ViewModels.GroupViewModel>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script src="../../Scripts/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.anythingslider.js" type="text/javascript"></script>
    <div class="anythingSlider">
        <div class="wrapper" style="overflow-x: hidden; overflow-y: hidden; ">
            <ul>
                <% var numImg = Model.KhachHangModel.GetModel.LstObjModel.Count > 5 ? 5 : Model.KhachHangModel.GetModel.LstObjModel.Count; %>
                 <% for (int i = 0; i < numImg; i++)
                    {
                        if (i != numImg - 1)
                        {%>
                            <li>
                     <% }
                        else
                        { %>
                            <li class="cloned">
                     <% } %>
                                <a href="<%= Model.KhachHangModel.GetModel.LstObjModel[i].URL %>" target="_blank">
                                    <img src="../../Content/Images/Items/<%= Model.KhachHangModel.GetModel.LstObjModel[i].HinhSlideShow %>" alt="ETC" width="735px" height="271px">
                                </a>
                            </li>
                 <% } %>  
            </ul>
        </div>
        <script type="text/javascript">
            function formatText(index, panel) {
                return index + "";
            }

            $(function () {

                $('.anythingSlider').anythingSlider({
                    easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
                    autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
                    delay: 4000,                    // How long between slide transitions in AutoPlay mode
                    startStopped: false,            // If autoPlay is on, this can force it to start stopped
                    animationTime: 1500,             // How long the slide transition takes
                    hashTags: true,                 // Should links change the hashtag in the URL?
                    buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
                    pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
                    startText: "Go",             // Start text
                    stopText: "Stop",               // Stop text
                    navigationFormatter: formatText       // Details at the top of the file on this use (advanced use)
                });

                $("#slide-jump").click(function () {
                    $('.anythingSlider').anythingSlider(6);
                });

            });
        </script>
        <script type="text/javascript" language="javascript">
            $("a", $(".anythingSlider")).addClass("png");
        </script>
        <a id="arrow_forward_png" class="arrow forward png">></a>
        <a id="arrow_back_png" class="arrow back png"><</a>
        <div id="thumbNav">
            <a href="#" class="">1</a>
            <a href="#" class="cur">2</a>
            <a href="#" class="">3</a>
            <a href="#" class="">4</a>
            <a href="#" class="">5</a>
        </div>
        <a href="#" id="start-stop" class="playing">Stop</a>
    </div>
    <div class="fr" style="width: 360px">
        <div class="box_border">
            <div style="position: relative">
                <div class="box_04" style="position: absolute; top: 5px;">
                    <div class="box_04-left">
                        <div class="box_04-right">
                            <div class="box_04-center">
                                <a title="Lợi ích khách hàng" href="<%= Url.Action("LoiIchKhachHang", "Home") %>">Lợi ích khách hàng</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Introduce-HomePage" style="padding-left: 10px;">
                <div class="ArticleContent">
                    <%= Html.Truncate(Model.ThongTinWebsiteModel.GetModel.LstObjModel[0].LoiIchKhachHangRutGon, WebConfiguration.ThongTinWebsiteSortDescription) %>
                </div>
                <div class="ViewDetail">
                    <a href="<%= Url.Action("LoiIchKhachHang", "Home") %>">Chi tiết&nbsp;»</a>
                </div>
            </div>
        </div>
    </div>
    <div class="fl" style="width: 360px">
        <div class="box_border">
            <div style="position: relative">
                <div class="box_04" style="position: absolute; top: 5px">
                    <div class="box_04-left">
                        <div class="box_04-right">
                            <div class="box_04-center">
                                <a href="<%= Url.Action("GioiThieu", "Home") %>">Giới thiệu</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Introduce-HomePage" style="padding-left: 10px;">
                <div class="ArticleContent">
                    <%= Html.Truncate(Model.ThongTinWebsiteModel.GetModel.LstObjModel[0].GioiThieuRutGon, WebConfiguration.ThongTinWebsiteSortDescription) %>
                </div>
                <div class="ViewDetail">
                    <a href="<%= Url.Action("GioiThieu", "Home") %>">Chi tiết&nbsp;»</a>
                </div>
            </div>
        </div>
    </div>
    <div class="cb">
        <!---->
    </div>
    <div style="margin-top:5px">
        <% if (Model.ChuongTrinhKhuyenMaiModel.GetModel.LstObjModel.Count > 0)
           { %>
            <object width="735" height="101" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0">
                <param value="../../Content/Images/Items/<%= Model.ChuongTrinhKhuyenMaiModel.GetModel.LstObjModel[0].HinhMinhHoa %>" name="movie"/>
                <param value="High" name="quality"/>
                <param value="FFFFFF" name="bgcolor"/>
                <param value="../../Content/Images/Items/<%= Model.ChuongTrinhKhuyenMaiModel.GetModel.LstObjModel[0].HinhMinhHoa %>" name="src"/>
                <param value="transparent" name="wmode"/>
                <embed width="735" height="101" pluginspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent" bgcolor="#ffffff" quality="high" src="../../Content/Images/Items/<%= Model.ChuongTrinhKhuyenMaiModel.GetModel.LstObjModel[0].HinhMinhHoa %>"/>
            </object>
        <% } %>
    </div>
    <div class="ServiceHomepage">   
        <table>
            <tbody>
                <tr>
                    <% for (int i = 0; i < 3; i++)
                       { %>
                        <td width="33%" class="Items">
                            <div class="box_02">
                                <div class="box_02-header-left ie6_png">
                                    <div class="box_02-header-right png">
                                        <div class="box_02-header-center png">
                                        </div>
                                    </div>
                                </div>
                                <div class="box_02-content png" style="padding: 0 10px;">
                                <div class="ServiceHomepage-Items">
                                        <h3 class="ServiceHomepage-Title">
                                            <a title="<%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].TenGoiThietKe %>" href="<%= Url.Action("GoiDichVu", "Home", new { id = Model.GoiThietKeWebModel.GetModel.LstObjModel[i].ID }) %>"><%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].TenGoiThietKe %></a>
                                        </h3>
                                        <div class="ServiceHomepage-Image">
                                            <a title="<%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].TenGoiThietKe %>" href="<%= Url.Action("GoiDichVu", "Home", new { id = Model.GoiThietKeWebModel.GetModel.LstObjModel[i].ID }) %>">
                                                <img src="../../Content/Images/Items/<%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].HinhMinhHoa %>" alt="<%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].TenGoiThietKe %>" width="100px" height="100px">
                                            </a>
                                        </div>
                                        <div class="ServiceHomepage-Desc">
                                          <%= Html.Truncate(Model.GoiThietKeWebModel.GetModel.LstObjModel[i].GioiThieuRutGon, WebConfiguration.GoiThietKeWebSortDescription) %>
                                        </div>
                                        <div class="cb">
                                            <!---->
                                        </div>
                                         </div>
                                </div>
                                <div class="box_02-bottom-left ie6_png">
                                    <div class="box_02-bottom-right png">
                                        <div class="box_02-bottom-center png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td class="" style="width:10px">&nbsp;&nbsp;&nbsp;</td>
                    <% } %>
                </tr>
                <tr>
                    <% for (int i = 3; i < 6; i++)
                       { %>
                        <td width="33%" class="Items">
                            <div class="box_02">
                                <div class="box_02-header-left ie6_png">
                                    <div class="box_02-header-right png">
                                        <div class="box_02-header-center png">
                                        </div>
                                    </div>
                                </div>
                                <div class="box_02-content png" style="padding: 0 10px;">
                                <div class="ServiceHomepage-Items">
                                        <h3 class="ServiceHomepage-Title">
                                            <a title="<%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].TenGoiThietKe %>" href="<%= Url.Action("GoiDichVu", "Home", new { id = Model.GoiThietKeWebModel.GetModel.LstObjModel[i].ID }) %>"><%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].TenGoiThietKe %></a>
                                        </h3>
                                        <div class="ServiceHomepage-Image">
                                            <a title="<%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].TenGoiThietKe %>" href="<%= Url.Action("GoiDichVu", "Home", new { id = Model.GoiThietKeWebModel.GetModel.LstObjModel[i].ID }) %>">
                                                <img src="../../Content/Images/Items/<%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].HinhMinhHoa %>" alt="<%= Model.GoiThietKeWebModel.GetModel.LstObjModel[i].TenGoiThietKe %>" width="100px" height="100px"></a>
                                        </div>
                                        <div class="ServiceHomepage-Desc">
                                          <%= Html.Truncate(Model.GoiThietKeWebModel.GetModel.LstObjModel[i].GioiThieuRutGon, WebConfiguration.GoiThietKeWebSortDescription) %>
                                        </div>
                                        <div class="cb">
                                            <!---->
                                        </div>
                                         </div>
                                </div>
                                <div class="box_02-bottom-left ie6_png">
                                    <div class="box_02-bottom-right png">
                                        <div class="box_02-bottom-center png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td class="" style="width:10px">&nbsp;&nbsp;&nbsp;</td>
                    <% } %>
                </tr>
            </tbody>
        </table>
    </div>
</asp:Content>
